$font-family-base: 'WorkSans', sans-serif;
$card-border-radius: 0;
$small-font-size:    90% !default;

$green: #80f24b !default;
$blue: #3583ff;
$link-hover-color: $blue;

$gray-500: #adb5bd !default;

$input-placeholder-color: $gray-500;

$custom-switch-width: 2.1rem;

$spacer: 1rem !default;
$spacers: () !default;
$spacers: map-merge(
  (
    0: 0,
    1: ($spacer * .25),
    2: ($spacer * .5),
    3: $spacer,
    4: ($spacer * 1.5),
    5: ($spacer * 3),
    6: ($spacer * 4.5)
  ),
  $spacers
);

// This variable affects the `.h-*` and `.w-*` classes.
$sizes: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$sizes: map-merge(
  (
    10: 10%,
    15: 15%,
    20: 20%,
    25: 25%,
    40: 40%,
    50: 50%,
    70: 70%,
    75: 75%,
    100: 100%,
    auto: auto
  ),
  $sizes
);

@media (min-width: 1360px) {
  .container {
    max-width: 1396px !important;
  }
}